<template>
	<view class="explain-container">
		<!-- 加载中页面 -->
		<cumLoading v-show="loadPage"></cumLoading>
		<!-- 活动介绍 -->
		<view class="explain-wrap"v-show="!loadPage">
			<view v-html="info && info.context"></view>
		</view>
	</view>
</template>

<script>
	import * as api from '@/server/getData.js'
	import cumLoading from '@/components/cum-loading/cum-loading.vue'
	export default {
		components:{cumLoading},
		data(){
			return {
				loadPage:true,
				info:null
			}
		},
		onLoad(){
			this.init_load()
		},
		methods:{
			init_load(){
				this.get_news_info()
			},
			async get_news_info(){
				try{
					const res = await api.news.byId({id:'65a4ee91ad046d723e10e221'})
					this.info = res
				}catch(e){
					
				}finally{
					this.loadPage = false
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.explain-wrap{
		padding: 30rpx;
	}
</style>